<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
	    <title>{% block title %}Music{% endblock %}</title>
	    <link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'>
	    <link rel="stylesheet" type="text/css" href="/static/css/base.css" />
	    <script src="/static/javascript/lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
<body>
<div id="site_header_wrapper">
	<div id="site_header">
		<qtext id="site_title">Q Music</qtext>
   		{% if request.user.is_authenticated  %}
   		<div id="logout">
   			<text>Logged In : {{request.user.username.upper}}</text>
   			<a href="/logout">Logout</a>
   		</div>
    	{% endif %}</text>
    </div>
</div>
	<div id="login_form">
		<form method="post" action=""  autocomplete="off">
		
			{% if message %}
				<p>{{ message }}</p>
			{% endif %}
			<table>
				<tr><td>{{ form.first_name.label_tag }} </td><td>{{ form.first_name }}</td></tr>
				{% if form.first_name.errors %}<tr><td></td><td>{{ form.first_name.errors }}</td></tr>{%endif%}
				<tr><td>{{ form.last_name.label_tag }}</td><td>{{ form.last_name }}</td></tr>
				{% if form.last_name.errors %}<tr><td></td><td>{{ form.last_name.errors }}</td></tr>{%endif%}
				<tr><td>{{ form.email.label_tag }} </td><td>{{ form.email }}</td></tr>
				{% if form.email.errors %}<tr><td></td><td>{{ form.email.errors }}</td></tr>{%endif%}
				<tr><td>{{ form.username.label_tag }} </td><td>{{ form.username }}</td></tr>
				{% if form.username.errors %}<tr><td></td><td>{{ form.username.errors }}</td></tr>{%endif%}
				<tr><td>{{ form.password.label_tag }} </td><td>{{ form.password }}</td></tr>
				{% if form.password.errors %}<tr><td></td><td>{{ form.password.errors }}</td></tr>{%endif%}
				<tr><td>{{ form.retype_password.label_tag }} </td><td>{{ form.retype_password }}</td></tr>
				{% if form.retype_password.errors %}<tr><td></td><td>{{ form.retype_password.errors }}</td></tr>{%endif%}
			</table>
		<input type="hidden" name="home" value="home" />
		<input style="padding: 5px 50px 5px 50px; margin-top: 20px" type="submit" value="Register" />
		</form>
			</div>
	</body>
</html>